/*
 * @Author       : wfl
 * @LastEditors  : wfl
 * @description  :
 * @updateInfo   :
 * @Date         : 2023-07-26 16:37:26
 * @LastEditTime : 2023-09-18 19:44:01
 */

.ik-center-all {
  margin-left: 50%;
  margin-top: 50%;
  transform: translateX(-50%, -50%);
}

// 横向居中
.ik-center-hor {
  margin-left: 50%;
  transform: translateX(-50%);
}

// 纵向
.ik-center-ver {
  margin-top: 50%;
  transform: translateY(-50%);
}

// 超出省略号
.text-over-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 超出省略号  可在style中设置--line-clamp配置超出多少行时显示省略号 <div class="truncate-multiline" style="--line-clamp: 5;">
.text-over-multiline {
  display: -webkit-box;

  /* 默认值为3行 */
  -webkit-line-clamp: var(--line-clamp, 3);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 提示文字
.ik-info-text {
  font-size: 12px;
  color: var(--ik-vice-text-color);
}

.ik-msg-box-error {
  .el-input{
    z-index: 1;
  }

}

.ik-msg-box-error-transition {
  animation: error-transition .55s ease-in-out forwards;
  color: var(--el-color-danger);
  font-size: 12px;
  line-height: 1;
  padding-top: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}

@keyframes error-transition {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    opacity: 1;
    bottom: -22px;
  }
}
